<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>{$Think.lang.rpl_add_page_title} - {$Think.lang.cfg_website}</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	<link href="{$NOW_THEME_URL}/Assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/plugins/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/css/style-metro.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN PAGE LEVEL STYLES -->
	<!-- END PAGE LEVEL STYLES -->
	<link rel="shortcut icon" href="favicon.ico" />
    <style type="text/css">
	</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
	<!-- BEGIN CONTAINER -->
	<div class="page-container">
		<div class="page-content" style="background-image:none;">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div id="portlet-config" class="modal hide">
				<div class="modal-header">
					<button data-dismiss="modal" class="close" type="button"></button>
					<h3>portlet Settings</h3>
				</div>
				<div class="modal-body">
					<p>Here will be a configuration form</p>
			  </div>
			</div>
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="portlet-body">	
                    <form action="__URL__/reply_content_list" method="post" id="conetntListFrom">
                    <input type="hidden" name="solevar" value="{$Think.get.solevar}" />
								<div class="row-fluid">
                                  <div class="clear">
                                    <div class="dataTables_filter" id="userList_filter" style="width:280px; float:left;">
                                      <label>
                                      	<select name="content_type" id="content_type" style="width:100px;">
                                       {$content_type_str}
                                        </select>
                                        <input type="text" placeholder="{$Think.lang.cfg_list_itf_search_tis}" name="keywords" 
                                        style="width:100px;"/>
                                        <button id="btn_search" class="btn ico-only blue" style="vertical-align:top; height:30px;">
                                        <i class="icon-search"></i>
										</button>
                                      </label>
                                    </div>
                                    
                                    <div class="btn-group" id="lang_filter"  style="width:280px; float:right; text-align:right;">
                                    		<a class="btn red" title="" href="javascript:;">
                                            All
                                            </a>
                                            <php>
                                            $lang_filter = C('LANG_ARRAY');
                                            foreach($lang_filter as $k=>$v){
                                            	echo '<a class="btn" title="'.$k.'" href="javascript:;">';
                                                echo $v.'</a>';
                                            }
                                            </php>
                                        </div>
                                  </div>
                                   </div>
                                
								<table class="table table-bordered table-hover table-condensed flip-content center" id="userList">
									
								</table>
                                
                                
                                <div class="row-fluid">
                                  <div class="span6">
                                    <div class="dataTables_info" id="pageRecord">
                                    </div>
                                  </div>
                                  <div class="span6">
                                    <div class="dataTables_paginate paging_bootstrap pagination" style="padding:0px; margin:0px;">
                                      <button id="btn_submit" class="btn ico-only green" style="vertical-align:top;">
                                      <i class="icon-ok"></i>{$Think.lang.cfg_form_ele_submit}</button>
                                        <ul id="pagePaginate">
                                        
                                      	</ul>
                                    </div>
                                  </div>
                                </div>
                                </form>
							</div>

				</div>
				<!-- END PAGE CONTENT-->         
		  </div>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE -->
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
	<!-- BEGIN CORE PLUGINS -->
	<script src="__PUBLIC__/Js/jquery.min.js" type="text/javascript"></script>
	<script src="{$NOW_THEME_URL}/Assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>   
	<script src="{$NOW_THEME_URL}/Assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
	<script src="{$NOW_THEME_URL}/Assets/plugins/excanvas.min.js"></script>
	<script src="{$NOW_THEME_URL}/Assets/plugins/respond.min.js"></script>  
	<![endif]-->  
	<script src="{$NOW_THEME_URL}/Assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
	<!-- END CORE PLUGINS -->

   	<script src="{$NOW_THEME_URL}/Assets/scripts/common/commonList.js"></script>
	<!-- END PAGE LEVEL STYLES -->    
	<script type="text/javascript">
		var ABS_URL_Theme = "{$NOW_THEME_URL}/";
		var ABS_URL_Module = "__URL__";
		var list_itf = {};
		list_itf.no_record = '{$Think.lang.cfg_list_itf_no_record}';
		list_itf.rpp = '{$Think.lang.cfg_list_itf_rpp}';
		list_itf.search = '{$Think.lang.cfg_list_itf_search}';
		list_itf.search_tis = '{$Think.lang.cfg_list_itf_search_tis}';
		list_itf.recordall = '{$Think.lang.cfg_list_itf_recordall}';
		list_itf.recordnum = '{$Think.lang.cfg_list_itf_recordnum}';
		list_itf.papename = '{$Think.lang.cfg_list_itf_papename}';
		list_itf.first = '{$Think.lang.cfg_list_itf_first}';
		list_itf.last = '{$Think.lang.cfg_list_itf_last}';
		list_itf.prev = '{$Think.lang.cfg_list_itf_prev}';
		list_itf.next = '{$Think.lang.cfg_list_itf_next}';
		jQuery(document).ready(function() {
			var listParam = {
				listId : 'userList',
				jsonUrl : '__URL__/content_list',
				table : 'Article',
				where : '',
				pageNum : 5,
				nowPage : 1,
				orderName : "addtime",
                orderDirection : "asc",
				colModel : [
					{
						display : 'checkbox',
						name : 'id[]',
						ordertable : false,
						class : '',
                    },
					{
                        display : '{$Think.lang.cfg_form_ele_lang}',
                        name : 'lang',
                        ordertable : false,
						class : 'center',
                    },
					{
                        display : '{$Think.lang.rpl_form_list_content_name}',
                        name : 'title',
                        ordertable : false,
						class : 'left',
                    }
				],
				getSearch : function(where){
					var keywords = $('input[name="keywords"]').val();
					/*if($.trim(keywords)==''){
						return false;
					}*/
					listParam.where = escape('title LIKE "%'+keywords+'%"');
				}
			};
			
			commonList.init(listParam);
			
			$('#reply_type_filter a').on('click',function(){
				$(this).addClass('red').siblings().removeClass('red');
				
				if($(this).attr('title')==''){
					listParam.where = "";
				}else{
					listParam.where = " AND lang='"+$(this).attr('title')+"'";
				}
				
				//初始化搜索条件
				$('input[name="keywords"]').val('');
				//请求列表
				commonList.init(listParam);
			});
			
			$('#lang_filter a').on('click',function(){
				$(this).addClass('red').siblings().removeClass('red');
				
				if($(this).attr('title')==''){
					listParam.where = "";
				}else{
					listParam.where = " AND lang='"+$(this).attr('title')+"'";
				}
				
				//初始化搜索条件
				$('input[name="keywords"]').val('');
				
				//请求列表
				commonList.init(listParam);
			});
			
			$('#content_type').on('change',function(){
				listParam.table = $(this).val();
				//请求列表
				commonList.init(listParam);
			});
			
			$('#btn_submit').on('click',function(){
				$('#conetntListFrom').submit();
			});
			
			//$('#pageRecord').parent().hide();
		});
	</script>
	<!-- END JAVASCRIPTS -->   
</body>
<!-- END BODY -->
</html>